<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{% block title %}短视频去水印{% endblock %}</title>
  <link href="/static/css/fonts.css" rel="stylesheet">
  <link href="/static/css/fonts_icon.css" rel="stylesheet">
  <link href="/static/css/bootstrap.min.css" rel="stylesheet">
  <link href="/static/css/all.min.css" rel="stylesheet">
  <link href="/static/css/lime.min.css" rel="stylesheet">
</head>
<body>
  <!-- 左侧菜单 -->
  <div class="lime-sidebar">
    <div class="lime-sidebar-inner slimscroll">
      <ul class="accordion-menu">
        <li class="sidebar-title">首页</li>
        <li><a href="/" class="{% if active_page=='index' %}active{% endif %}"><i class="material-icons">dashboard</i>首页</a></li>

        <li class="sidebar-title">登录/注册</li>
        {% if user %}
          <li><a href="/user/dashboard"><i class="material-icons">person_outline</i>个人中心</a></li>
          <li><a href="/vip"><i class="material-icons">bar_chart</i>开通会员</a></li>
          <li><a href="/user/logout"><i class="material-icons">input</i>退出登录</a></li>
        {% else %}
          <li><a href="/login"><i class="material-icons">person_outline</i>登录</a></li>
          <li><a href="/register"><i class="material-icons">person_add</i>注册</a></li>
        {% endif %}

        <li class="sidebar-title">开发者中心</li>
        <li><a href="/getapi"><i class="material-icons">apps</i>接口查询</a></li>
        <li><a href="/docs"><i class="material-icons">code</i>开发文档</a></li>
      </ul>
    </div>
  </div>

  <!-- 顶部导航 -->
  <div class="lime-header">
    <nav class="navbar navbar-expand-lg">
      <section class="material-design-hamburger navigation-toggle">
        <a href="javascript:void(0)" class="button-collapse material-design-hamburger__icon">
          <span class="material-design-hamburger__layer"></span>
        </a>
      </section>
      <a class="navbar-brand" href="/">短视频去水印</a>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
          {% if user %}
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
                <i class="material-icons">person_outline</i> 欢迎回来：{{ user.username }}
              </a>
              <ul class="dropdown-menu dropdown-menu-right">
                <li><a class="dropdown-item" href="/user/dashboard">用户面板</a></li>
                <li><a class="dropdown-item" href="/user/setting">修改密码</a></li>
                <li class="divider"></li>
                <li><a class="dropdown-item" href="/user/logout">退出登录</a></li>
              </ul>
            </li>
          {% else %}
            <li class="nav-item"><a class="nav-link" href="/login">登录</a></li>
            <li class="nav-item"><a class="nav-link" href="/register">登录/注册</a></li>
          {% endif %}
        </ul>
      </div>
    </nav>
  </div>

  <!-- 主体内容 -->
  <div class="lime-container">
    <div class="lime-body">
      <div class="container">
        {% block content %}{% endblock %}
      </div>
    </div>

    <!-- 页脚 -->
    <div class="lime-footer">
      <div class="container">
        <div class="row">
          <div class="col-md-12"><span class="footer-text">© 2025 短视频去水印平台</span></div>
        </div>
      </div>
    </div>
  </div>

  <!-- JS -->
  <script src="/static/js/jquery-3.1.0.min.js"></script>
  <script src="/static/js/popper.min.js"></script>
  <script src="/static/js/bootstrap.min.js"></script>
  <script src="/static/js/jquery.slimscroll.min.js"></script>
  <script src="/static/js/lime.min.js"></script>
  {% block scripts %}{% endblock %}
</body>
</html>
